<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>警告框</title>
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
    <script src="../../js/jquery-2.1.1.js"></script>
    <script src="../../js/bootstrap.min.js"></script>
</head>
<body>
        <div class="container">
            <div class="alert alert-success" role="alert">
                hello! 大家好！
            </div>
            <div class="alert alert-danger" role="alert">
                hello! 大家好！
            </div>
            <div class="alert alert-info" role="alert">
                hello! 大家好！
            </div>
            <div class="alert alert-warning" role="alert">
               <button type="button" class="close"data-dismiss="alert">
                    <span class=""aria-disabled="true">&times;</span>
               </button>
                <strong>欢迎欢迎！！！！</strong>
            </div>
            <div class="alert alert-info"role="alert">
                <a href="http://localhost:63342/JetBrains_WebStorm%20_location/html/%E5%9F%BA%E6%9C%AC%E7%BB%84%E4%BB%B6/03%E9%A1%B5%E5%A4%B4%E4%B8%8E%E7%BC%A9%E7%95%A5%E5%9B%BE.html" class="">
                    03页头与缩略图
                </a>
            </div>
        </div>
</body>
</html>